body
{
background-image:url(../images/bg.jpg)  ;
background-attachment:fixed;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0px auto auto auto;
}

#wrap{
width:982px;
height: auto;
margin:auto;
background-color:#FFFFFF;
}
.header{
width:982px;
height:211px;
background:url(../images/header_bg.jpg) no-repeat center;
position: relative;
float: left;
}
.footer{
width:982px;
height:24px;
background-color: #1a0400;
position: relative;
float: left;
text-align: center;
font-size:  14px;
font-weight: bold;
font-family: Monospace;
color: #FFFFFF;
margin-top: 15px;
padding-top: 6px;
}
.logo{
padding: 25px 0px 0px 35px;
margin:  5px 0px 0px 15px;
}

.login{
background-color:#c3c3c3;
width:  400px;
height:  29px;
float:  right;
margin: 120px 2px 0px 0px;
padding-top:  6px;
}
.account_icon{
background:url(../images/user_login_icon.png) no-repeat center ;
width:  32px;
height:  32px;
float:  left;
margin-bottom: 2px;
}




/*----------------menu------------------*/
#menu{
width:600px;
height:30px;
padding: 20px 0 0 0px;
float: left;
}
#menu ul{
display:block;
list-style:none;
padding:9px 0 0 10px;
margin:0px;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
height:30px;
width:  55px;
}
#menu ul li a{
height:27px;
width:  70px;
display:block;
padding:0px 10px 0 10px;
margin:0 4px 0 4px;
margin:0 2px 0 2px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:15px;
line-height:25px;
}
#menu ul li.selected a{
height:27px;
width:  70px;
display:block;
padding:0px 10px 0 10px;
margin:0 5px 0 5px;
float:left;
text-decoration:none;
text-align:center;
color:#ba4308;
font-size:15px;
font-weight:bold;
line-height:25px;
}
#menu ul li a:hover{
color:#ba4308;
}
.homepage_icon{
background:url(../images/home.png) no-repeat center ;
padding: 6px 0px 0px 6px;
float:  left;
height: 35px;
width:  35px;
}

/*-------------------Slidebar----------------------*/
#container {
	width:1000px;
	height:300px;
	padding: 10px 20px 10px 10px;
	top: 3px;
	bottom: 10px;
	left:90px;
	position:relative;
	float: left;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-83px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:961px;
	height:300px;
	top:-3px;
	left:-80px;
}

#slides {
	position:absolute;
	top:10px;
	left:-55px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:910px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:910px;
	height:300px;
	display:block;

}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/
.pagination
{
   position:relative;
   top:-10px;
}

#slides .next,#slides .prev {
	position:absolute;
	top:120px;
	left:-15px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}


/*-------------------Language-------------------*/

#language{
	width:53px;
	height:21px;
	background-color:#f0f0ee;
	border:1px solid #c3c3c3;
	top:5px;
	left:5px;
	position: absolute;
}

#language .language{
	width:20px;
	height:13px;
	cursor:pointer;
	margin-top:4px;
	margin-left:4px;
	display: inline;
	float:left;
}

#language .vi{
	background: url(../images/vn.png) top left no-repeat;
}

#language .en{
	background: url(../images/gb.png) top left no-repeat;
}

/*------------------------------------center content--------------------*/
.center_content{
width:982px;
height:  900px;
background-color:#FFFFFF; 
margin-bottom: 10px;
padding-bottom: 10px;
padding-top: 300px;
}
.left_content{
width:722px;
height: 400px;
float:left;
padding:20px 0 20px 20px;
background-color:#f7a849
}
.right_content{
width:220px;
height: 400px;
float:right;
padding:20px 0 20px 20px;
background-color:#d7a849
}
/*--------------------------Search-------------------*/
.search{
	width: 360px;
	height:  25px; 
	float:  right;
	padding-top: 25px;
}
.search_form{
	height: 25px;
}
.search-filter{
	width: 80px;
	height: 24px;
	border:none;
	font-size:12px !important;
	opacity:0.8;
	border-radius: 3px;
}
.search-input{
	width: 235px;
	height: 22px ;
	border:none;
	font-size: 12px !important;
	margin-top: -2px;
	opacity:0.8;
	border-radius: 3px;
	padding-left: 5px;
}
.search-btn{
	border:none;
	background:url(../images/search_btn.png) top left no-repeat;
	display:inline;
	width: 18px !important;
	height:18px;
	margin-top: 4px;
	float: right;
	margin-right: 8px;
}

.input-user{
	width: 170px;
	height: 22px ;
	font-size: 13px ;
	border-radius: 3px;
	padding-left: 5px;
	border:none;
	margin-right: 3px;
}
.input-pass{
	width: 95px;
	height: 22px ;
	font-size: 13px ;
	border-radius: 3px;
	padding-left: 5px;
	border:none;
}
.btn-login{
	background-color: #0042A3;
	width: 60px;
	height: 22px ;
	font-size: 13px ;
	border-radius: 3px;
	padding-left: 5px;
	border:none;
	float: right;
	margin-right: 5px;
}

/*----------------------Register-----------------*/
.register{ ;
	width: 780px;
	height:  500px;
	border-radius:  15px; 
	margin-left: 100px;
	position: relative;
	opacity:0.6;
	border-style:solid;
	border-width:medium;
	border-color: #1a0400;
}